﻿div{box-sizing:border-box;}
div{-moz-box-sizing:border-box;} /* Firefox */
div{webkit-box-sizing:border-box} /* Safari */

/*switch 按钮不采用border-box*/
.layui-form-switch{box-sizing:content-box}
.layui-form-switch{-moz-box-sizing:content-box}
.layui-form-switch{webkit-box-sizing:content-box}


.selectbars{width:auto; height:32px; float:left; cursor:pointer !important;}
.selectbars .first{padding-left:15px; padding-right:15px; height:32px; line-height:32px; float:left; cursor:pointer; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border:1px solid #cdcdcd; }
.selectbars .middles{padding-left:15px; padding-right:15px; height:32px; line-height:32px;  float:left;cursor:pointer; border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; border-left:0px; border-right:1px solid #cdcdcd; }
.selectbars .last{padding-left:15px; padding-right:15px; height:32px; line-height:32px;  float:left;cursor:pointer; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border:1px solid #cdcdcd;border-left:0px; }
.selectbars .select{background:#dedede !important;}

/*导航颜色*/
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover{background-color:#fefefe; color:#454545;}
.layui-nav-tree .layui-nav-bar {width: 5px;height: 0;background-color: #525252;}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {position: absolute;left: 0;top: 0;width: 0;height: 5px;background-color: #000000;transition: all .2s;-webkit-transition: all .2s;}
.layui-nav-tree .layui-nav-item a{background-color:#fefefe;}
.layui-nav-tree .layui-nav-item a:hover{background-color:transparent;}
.layui-bg-black{background-color:#fefefe; border-right:1px solid #e2e2e2;}
.layui-nav{position:relative;padding:0 20px;background-color:#fefefe; color:#c2c2c2;border-radius:2px;font-size:0;box-sizing:border-box!important}
.layui-nav-tree .layui-nav-child, .layui-nav-tree .layui-nav-child a:hover {background: 0 0;color: #000;}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover {background-color: #f2f2f2;color: #000;} /*菜单点击后的颜色*/
.layui-nav-child dd.layui-this a {color: #000;}
.layui-nav {position: relative;padding: 0 0;background-color: #fefefe;color: #c2c2c2;border-radius: 2px;font-size: 0;box-sizing: border-box!important;}
.layui-nav-tree .layui-nav-child a {color: #454545;}
.layui-nav-tree .layui-nav-item {display: block;width: 100%;line-height: 45px;}
.layui-nav-tree .layui-nav-itemed {display: block;width: 100%;line-height: 45px;border-bottom:1px solid #e2e2e2;}
.layui-nav-tree .layui-nav-item .bigmenu{font-size:16px; background-color:#f2f2f2; height:40px; border-bottom:1px solid #e2e2e2;}
.layui-nav-tree .layui-nav-item .bigmenu:hover{font-size:16px; background-color:#f2f2f2; height:40px; border-bottom:1px solid #e2e2e2;}
/*导航颜色*/

body{border:0px; margin:0px; padding:0px;}
a{color:#1E9FFF; cursor:pointer;}
a:hover{color:#0275ca;}
.loading{position:absolute; left:49%; top:20%; width:37px; height:37px; background:url(/system/layui/css/modules/layer/default/loading-1.gif);}
.cursor{ cursor:pointer;}
.red{color:red !important;}
.green{color:Green !important;}
.blue{color:#1E9FFF;}
.disabled{background:#cdcdcd !important; color:#fbf9f9 !important;}
.layer-toolbar{width:100%; height:50px; padding-top:9px; padding-left:10px; position:fixed; top:0px; left:0px; border-bottom:1px solid #e2e2e2;}
.layer-toolbar .layer-toolbar-left{width:auto; float:left; height:30px; line-height:30px;}
.layer-toolbar .layer-toolbar-right{width:auto; float:right; padding-right:20px;}
.layer-toolbar .layer-toolbar-right .layui-input{float:left; display:block; height:30px; line-height:30px; margin-right:5px; width:100%;}
.layer-toolbar .layer-toolbar-right .layui-btn+.layui-btn{margin-left:1px;}
.layer-toolbar .layer-toolbar-right .layui-form-select .layui-edge{margin-top:12px;}
.layer-toolbar .layer-toolbar-right .layui-form-selected .layui-edge{margin-top:5px;}
.layer-toolbar .layer-toolbar-right .layui-form-select dl{top:34px;}
.layer-toolbar .layer-toolbar-left font{color:#1E9FFF; cursor:pointer;}
.layer-toolbar .layer-toolbar-left font:hover{color:#017dda;}
.layui-table .center a{cursor:pointer; color:#1E9FFF;}
.layui-form-label em{display:block;float:right; width:10px; height:10px; color:Red; padding-top:2px; padding-right:5px;}
.layui-form-label font{display:block;float:right;}
.layui-btn+.layui-btn{margin-left:0px;}

.layer-iframe{width:100%; height:690px; overflow-y:scroll; margin-top:50px;}
.layui-form{width:100%; padding-left:10px; padding-right:10px; margin-bottom:12px;}
.layer-page{position:fixed; height:42px; bottom:40px; width:100%; text-align:right; background:#f2f2f2; border:1px solid #e2e2e2; border-left:0px;}
.layer-right{float:right; margin-right:20px;}
.layui-form-text{min-height:38px; line-height:25px; padding-top:7px; padding-left:10px; color:#4a4a4a;}
.width82{width:82px;}
.width83{width:83px;}
.width120{width:120px;}
.width265{width:265px;}
.floats{float:left; height:38px; line-height:38px; padding-left:10px; padding-right:10px;}
.lefts{float:left;}
.texts{float:left; height:30px; line-height:30px; margin-right:5px;}
.center{text-align:center;}
.center input{border:0px; padding:2px; text-align:center;}
.hidden{display:none;}

.layui-check-delete{width:auto; height:28px; line-height:28px; border-radius:1px; float:left; border:1px solid #5FB878; margin-top:5px; margin-right:10px;}
.layui-check-delete .check-names{width:auto; height:26px; line-height:26px;  padding-left:10px; padding-right:10px; float:left; background:#5FB878; color:#fff;}
.layui-check-delete .check-deletes{width:26px; height:26px; float:left; text-align:center; color:#5FB878; cursor:pointer;}
.layui-check-delete .check-deletes:hover{color:#ff6738;}

.layui-userlist{width:580px; height:550px; float:left;}
.layui-userlist .layui-list{width:262px; min-height:530px; float:left; margin-left:20px; margin-top:8px; padding:10px; border:1px solid #e6e6e6;}

.layui-userbar{width:580px; float:left; padding-left:20px; padding-top:8px;}

.layui-userlist .layui-list .line{width:240px; height:30px; float:left;}
.layui-userlist .layui-list .line .username{width:220px; height:30px; float:left;}
.layui-userlist .layui-list .line .usercheck{width:20px; height:30px; float:left;}
.layui-userlist .layui-list .line .usercheck .delete{width:18px; height:18px; line-height:18px; text-align:center; background:#ff5722; color:#fff; border-radius:2px; cursor:pointer;}

.layui-ordertext{border:0px; background:transparent; width:100%; height:20px; line-height:20px;}

.layui-searchbar{width:100%; float:left; padding-top:5px; padding-bottom:5px;}
.layui-searchbar .left{width:auto; float:left;}
.layui-searchbar .right{width:auto; float:right;}


.layui-dialog{width:100%; padding:10px;}

#img_k{width:100%; float:left; height:auto; margin-bottom:10px;}
#img_panel{width:auto; height:auto; float:left;}
#img_panel div{float:left; margin-right:10px;}
#img_panel div img{width:80px; float:left; text-align:left; padding-right:5px; border:1px solid #cdcdcd;}
#img_panel div font{color:Red; font-weight:bold; cursor:pointer;}
#img_panel #add-photo{width:80px; height:80px; background-image:url(/system/img/add-photo.png); background-size:80px 80px;  padding-top:10px; float:left;}
.upload_img{ padding-top:8px;}

#file_panel{width:auto; height:auto; float:left;}
#file_panel div{width:150px; height:30px; line-height:26px;  padding-left:5px; margin-right:10px; border:1px solid #cdcdcd; position:relative; margin-bottom:10px;}
#file_panel div font{color:Red; font-weight:bold; cursor:pointer; position:absolute; right:3px; top:-5px;}
#file_panel div .progress{height:30px; background:#c5eebe; position:absolute; top:-1px; left:-1px; border:0px; z-index:-1;}
#file_panel div .percent{width:50px; height:30px; position:absolute; top:2px; left:150px; border:0px; color:#000; font-size:12px;}

.noticeinfo{width:100%; height:100%; float:left;}
.noticeinfo .left{width:89px; height:100%; float:left; margin-top:14px;}
.noticeinfo .left .name{width:89px; height:30px; text-align:center; margin-top:10px; color:#1E9FFF;}
.noticeinfo .left .headimg{width:89px; height:50px; text-align:center;}
.noticeinfo .left .headimg img{width:50px; height:50px; margin:0 auto;}
.noticeinfo .right{height:auto; float:left; overflow:hidden; position:relative;}
.noticeinfo .right .title{ width:100%; height:30px; float:left; padding:10px; padding-left:0px; font-size:18px;}
.noticeinfo .right .title font{font-size:14px;}
.noticeinfo .right .date{ width:100%; height:33px; float:left; padding:10px; padding-left:0px;font-size:12px; border-bottom:1px dashed #eee; color:#a9a9a9;}
.noticeinfo .right .audit{position:absolute; right:0px; top:20px;}
.noticeinfo .right .context{ width:100%; height:auto; float:left; padding:10px; padding-left:0px; font-size:14px;}
.noticeinfo .right .context .lines{width:100%; height:30px;}
.noticeinfo .right .context .lines font{font-weight:bold;}
.noticeinfo .right .reply{width:100%; height:auto; margin-top:50px; float:left; padding-left:0px; margin-bottom:80px;}
.noticeinfo .right .reply .replylist{width:100%; height:auto; margin-top:20px; float:left;}
.noticeinfo .right .reply .replylist .headimg{width:40px; height:40px;  float:left;}
.noticeinfo .right .reply .replylist .headimg img{width:40px; height:40px; border-radius:20px;}
.noticeinfo .right .reply .replylist .replyinfo{width:90%; height:auto; float:left; padding-left:10px;}
.noticeinfo .right .reply .replylist .replyinfo .realname{width:100%; height:20px; color:#1E9FFF;}
.noticeinfo .right .reply .replylist .replyinfo .realname font{color:#a9a9a9; font-size:12px;}
.noticeinfo .right .reply .replylist .replyinfo .info{width:100%; height:auto; }
.noticeinfo .right .submit{width:100%; height:auto; margin-top:10px; float:left; padding-left:0px; padding-right:15px;  margin-bottom:20px;}
.noticeinfo .right .submit .toolbar{width:100%; height:30px; float:left;}
.noticeinfo .right .submit .toolbar .square{width:auto; height:30px; line-height:30px; float:left; padding-left:10px; padding-right:10px; margin-right:10px; cursor:pointer; text-align:center; border:1px solid #e6e6e6; background:#fafafa;}
.noticeinfo .right .submit .toolbar .select{border:1px solid #109902; background:#109902; color:#fff;}
.noticeinfo .right .submit .textarea{width:100%; height:80px; margin-top:10px; float:left; margin-bottom:10px;}
.noticeinfo .right .hasread{background:green; position:absolute; right:20px; top:15px;}
.noticeinfo .right .line{width:100%; height:10px; float:left; border-bottom:1px solid #eee;}
.noticeinfo .right .mustreaduser{width:100%; padding-left:0px; padding-right:15px; float:left;}
.noticeinfo .right .mustreaduser .userlist{width:45px; height:65px; float:left; margin-right:10px;}
.noticeinfo .right .mustreaduser .userlist .headimg{width:45px; height:45px; float:left;}
.noticeinfo .right .mustreaduser .userlist .headimg img{width:44px; height:44px; float:left; border-radius:22px;}
.noticeinfo .right .mustreaduser .userlist .realname{width:45px; height:20px; float:left; text-align:center;}
.noticeinfo .right .mustreadtext{width:100%; height:25px; line-height:25px; padding-left:0px; color:red; float:left; margin-top:5px;}

.checkall{width:100%; height:40px; padding-left:20px; padding-top:10px; float:left;}

.orderreply{width:100%; height:auto; float:left;}
.orderreply .headimg{width:50px; height:80px; float:left;}
.orderreply .headimg img{width:40px; height:40px; border-radius:30px; float:left;}
.orderreply .info{width:85%; height:auto; float:left;}
.orderreply .info .top{width:100%; height:20px; float:left;}
.orderreply .info .top .realname{width:auto; height:20px; float:left; font-size:14px; color:#1E9FFF;}
.orderreply .info .top .date{width:auto; height:20px; padding-top:3px; float:left; color:#a9a9a9; font-size:12px; border:0px;}
.orderreply .info .middle{width:100%; height:auto; float:left;}
.orderreply .info .bottom{width:100%; height:auto; float:left;}
.imglist{width:100%; height:auto; float:left;}
.imglist .img{width:100px; height:100px; float:left; margin-right:10px; margin-top:10px;}
.filelist{width:100%; height:auto; float:left;}
.filelist .file{width:160px; height:70px; padding:5px; float:left; margin-right:10px; margin-top:10px; border:1px solid #cdcdcd; position:relative; overflow:hidden;}
.filelist .file a{width:41px; height:20px; text-align:center; position:absolute; right:0px; bottom:3px; color:#1E9FFF; display:block; background:#fff;}


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; box-sizing:content-box;-moz-box-sizing:content-box; webkit-box-sizing:content-box; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(/system/img/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; box-sizing:content-box;-moz-box-sizing:content-box; webkit-box-sizing:content-box; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(/system/img/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(/system/img/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(/system/img/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(/system/img/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; margin:5px}
.mod_gallerylist{width:665px; margin:0 auto}
.meta{font-size:12px; text-align:center;}
.image_container img{border:1px solid #CCC; padding:2px}
.meta a{color:#333; text-decoration:none}



.replylist{width:100%; margin-top:10px; float:left; margin-bottom:40px;}

.table1{background:#fff;width: 100%; height: auto; float:left;}
.table1 table{width: 100%; height: auto; float:left;}
.table1 table,.table1 table td,.table1 table th{border:1px solid #cdcdcd;border-collapse:collapse; height:auto; padding-top:5px; padding-bottom:5px; line-height:20px; padding-left:5px;}
.table1 input{border:0px; line-height:20px;}

.export{position:absolute; right:9%; top:30px;}
#Fieldset0,#Fieldset1,#Fieldset2,#Fieldset3,#Fieldset4,#Fieldset5{position:relative;}


.userinfo{width:98%; padding-left:1%; float:left;}
.userinfo .user{width:98%; height:80px; float:left; margin-top:20px; margin-bottom:20px;}
.userinfo .user .line{width:100%; height:80px; float:left; padding-left:30px;}
.userinfo .user .line .left{width:100px; height:80px; float:left;}
.userinfo .user .line .left .headimg{width:80px; height:80px; border-radius:40px; float:left;}
.userinfo .user .line .left .headimg img{width:80px; height:80px; border-radius:40px; float:left;}
.userinfo .user .line .rights{width:80%; height:90px; float:left;}
.userinfo .user .line .rights .ll{width:100%; height:30px; float:left;}
.userinfo .user .line .rights .ll .realname{width:80px; height:30px; float:left;}
.userinfo .user .line .rights .ll .username{width:140px; height:30px; float:left;}
.userinfo .user .line .rights .ll .departname{width:80px; height:30px; float:left;}
.userinfo .user .line .rights .ll .title{width:180px; height:30px; float:left;}

.userinfo .notice{width:50%; padding-left:1%; float:left;}
.userinfo .notice .list{width:100%; height:450px; padding-left:3%; padding-top:20px; padding-bottom:10px; float:left;}
.userinfo .notice .list .line{width:100%; height:30px; float:left;}
.userinfo .notice .list .line .title{width:80%; height:30px; float:left;}
.userinfo .notice .list .line .date{width:20%; height:30px; float:left; text-align:right; padding-right:10px;}


.upload_product,.upload_annex{float:left; margin-top:8px;}
.upload_show{float:left; margin-top:8px;}
.upload_show .img_container{float:left;}
.upload_show .img_container img{width:25px;height:25px;}
.upload_show .img_container .img{float:left; position:relative; margin-right:5px; display:inline;}
.upload_show .img_container .img span{width:7px; height:7px; float:left; position:absolute; right:2px; top:2px; background:url(/system/images/x.gif); cursor:pointer;}
.upload_show .img_container .img img{float:left;}
.upload_show .img_container .img .video{width:100px;height:23px; float:left; border:1px solid #cdcdcd; border-left:0px; text-align:center; overflow:hidden;}
.upload_show .img_container .img .video .percent{background:green; width:0px; height:23px; text-align:center; line-height:23px; color:#fff;}
.upload_show .reupload{float:left; font-size:12px; height:25px; line-height:27px; padding-left:3px;}